//首先配置路由
import React from 'react';
import './App.css';
import {BrowserRouter,Route,Switch,Redirect} from 'react-router-dom';
//导入UI组件库样式
import 'semantic-ui-css/semantic.min.css'
//导入UI组件库组件
// import { Button } from 'semantic-ui-react'
import Login from './login.js'
import axios from 'axios'
import AuthCheck from './AuthCheck.js'
import Main from './module/Main.js'
axios.defaults.baseURL = 'http://47.96.21.88:8086/';
//请求拦截器 config是配置参数
axios.interceptors.request.use(function(config){
  // console.log(config)
  //如果是登录的接口是不需要携带 token
  if(!config.url.endsWith('/login')){
    config.headers.Authorization=sessionStorage.getItem('mytoken')
  }
  return config
})
//响应拦截器
axios.interceptors.response.use(function(res){
  //对响应的数据结果进行加工处理
  return res.data
})
// function Login(){
//   return (
//   <div>
//     <Button size='big' primary>点击</Button>
//   </div>
//   )
// }
// function Home(){
//   return <div>主页</div>
// }
// function authCheck(){
//   let token=sessionStorage.getItem('mytoken')
//   console.log(token)
//   if(!token){
//     return <Redirect from='/' to='/login'/>
//   }
//   return <div>test</div>
// }
// function Hello(){
//   return <div>hello tom</div>
// }
function Abc(){
  return <div>abc</div>
}
// function Test(){
//   return <div>hello jerry</div>
// }
function App() {
  return (
    <BrowserRouter>
    {/*配置路由映射 */}
      <Switch>
        <Route path='/login' component={Login}/>
        {/* <Route path='/home' component={Home}/> */}
        <Route path='/home' component={Main}/>
        {/* <Route path='/test' render={authCheck }/> */}
        {/* <AuthCheck path='/hello' component={Hello}/> */}
        {/* <AuthCheck path='test' component={Test}/> */}
        {/*路由重定向 如果来自根地址 路由直接跳转到login */}  
        <AuthCheck path='/abc' component={Abc}/>
        <Redirect from='/' to='/login'/>
      </Switch>
    </BrowserRouter>
    
  );
}

export default App;
